// 这里可以写一些全局样式
@import './var.less';
//超出隐藏
.overhide {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overhide_ {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}
.overhide_2 {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}


/*flex相关*/
.flex{display: flex;}
.flex-ver {display: flex;flex-direction: column;}
.flex-1 {flex: 1;}
.flex-shrink {flex-shrink: 0};
.flex-align-start {display: flex;align-items: flex-start;}
.flex-align-center {display: flex;align-items: center;}
.flex-align-end {display: flex;align-items: flex-end;}
.flex-justify-start {display: flex;justify-content: flex-start;}
.flex-justify-center {display: flex;justify-content: center;}
.flex-justify-bcenter {display: flex;justify-content: space-between;}
.flex-justify-around {display: flex;justify-content: space-around;}
.flex-justify-end {display: flex;justify-content: flex-end;}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-space-between {display: flex;align-items: center;justify-content: space-between;}
.flex-warp {flex-wrap: wrap;}
.flex-inline {display: inline-flex;}

/*text-align*/
.tx-c {
    text-align: center !important;
}
.tx-l {
    text-align: left !important;
}
.tx-r {
    text-align: right !important;   
}
.ws-nowrap{
    white-space: nowrap;
}

/*margin*/
.mr8{
    margin-right: 8px;
}
.mr16{
    margin-right: 16px;
}
.ml8{
    margin-left: 8px;
}
.ml16{
    margin-left: 16px;
}
.ml32{
    margin-left: 32px;
}
.ml40{
    margin-left: 40px;
}
.ml55{
    margin-left: 55px;
}
.mb8{
    margin-bottom: 8px;
}
.mb16{
    margin-bottom: 16px;
}
.mt4{
    margin-top: 4px;
}
.mt8{
    margin-top: 8px;
}
.mt16{
    margin-top: 16px;
}
/*padding*/
.pr8{
    padding-right: 8px;
}
.pr16{
    padding-right: 16px;
}
.pl8{
    padding-left: 8px;
}
.pl16{
    padding-left: 16px;
}
.pbl8{
    padding-bottom: 8px;
}
.pb16{
    padding-bottom: 16px;
}
.p8{
    padding: 8px;
}
.p16{
    padding: 16px;
}

// font-size
.f-20{
    font-size: 20px;
}
.f-22{
    font-size: 22px;
}
.f-24{
    font-size: 24px;
}
.f-26{
    font-size: 26px;
}
.f-28{
    font-size: 28px;
}


.bg-white{color: @white;}
.bg-black{background-color: @black}
.bg-9{background-color: @grey-9}
.bg-e{background-color: @grey-e}
.bg-d8{background-color: @grey-d8}
.bg-e4{background-color: @grey-e4}
.bg-e8{background-color: @grey-e8}
.bg-ec{background-color: @grey-ec}
.c-red{color: @red;}
.c-9{color: @grey-9;}
.c-e{color: @grey-e}
.c-d8{color: @grey-d8}
.c-e4{color: @grey-e4}
.c-e8{color: @grey-e8}
.c-ec{color: @grey-ec}

.module_{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: white;
    display: flex;
    flex-direction: column;
}

.tip{
    .el-form-item__label::after{
        content: "*";
        color: red;
    }
}
.search_box {
    .el-form-item {
        margin-bottom: 0 !important;
    }
}

.select_loading{
    text-align: center;
    font-size: 10px;
    margin-bottom: 4px;
    color: @grey-9;
    font-weight: bold;
}